<ion-view view-title="开户">
    <ion-nav-buttons side="left">
        <back-button></back-button>
    </ion-nav-buttons>
    <ion-content ng-class="{'has-loading': isOffline}">
        <div ng-show="openAccount.status==0||openAccount.status==2">
            <div class="ytf-bg row text-center light"
                 ng-show="openAccount.needVideo">
                <div class="col-33 lineRightRed">
                    <i class="button-icon icon ion-ios-compose energized"></i>
                    <div class="yPoint yPointY"></div>
                    <p>签署协议</p>
                    <i class="icon ion-arrow-up-b light"></i>
                </div>
                <div class="col-33 lineRed">
                    <i class="button-icon icon ion-images energized yOpacity"></i>
                    <div class="yPoint yPointR"></div>
                    <p>身份核对</p>
                </div>
                <div class="col-33 lineLeftRed">
                    <i class=" button-icon icon ion-ios-camera-outline energized yOpacity"></i>
                    <div class="yPoint yPointR"></div>
                    <p>视频认证</p>
                </div>
            </div>
            <div class="panel_head light-bg">
                <br>

                <p>
                    <strong>
                        我们的开户系统支持“一人多户”（即投资者可以在不同的证券公司分别开立股东账户）
                    </strong>
                </p>

                <p class="Mt10">
                    您开通的是：
                </p>

                <p class="Mt15 fs1 Mb15"
                   ng-switch="account.accountType">
                    <strong ng-switch-when="1">
                        沪市A股账户
                    </strong>
                    <strong ng-switch-when="2">
                        深市A股账户
                    </strong>
                </p>
            </div>
            <div class="padding Mt10">
                <label class="checkbox yCheckBox">
                    <input type="checkbox"
                           ng-model="account.checked"
                           ng-checked="account.checked"/>
                </label>
                我已阅读并同意签署《
                <a href="#/tab/account-agreementlist"
                   class="positive">
                    天风证券网上开户协议
                </a>
                》协议
            </div>
            <div class="btnbox Mt5">
                <button class="button btn button-full"
                        ng-click="submit()"
                        ng-disabled="!account.checked">
                    <span class="fs1 light"
                          ng-if="openAccount.needVideo">
                       下一步
                    </span>
                    <span class="fs1 light"
                          ng-if="!openAccount.needVideo">
                       提交
                    </span>
                </button>
                <div class="text-right">
                    <a class="clr2"
                       ng-click="trans()">
                        我要转户
                    </a>
                </div>
            </div>
        </div>
        <div class="item item-icon-left item-text-wrap Mt15"
             ng-show="openAccount.status>0&&openAccount.status!=2">
            <div class="Mt15 Mb15">
                <i ng-class="{'icon ion-close-circled assertive':openAccount.status==5,'icon ion-checkmark-circled balanced':openAccount.status==1,'icon ion-information-circled calm':openAccount.status==9,'icon ion-alert-circled energized':openAccount.status==2}"></i>
                <label ng-bind="openAccount.subtext"></label>
            </div>
        </div>
    </ion-content>
</ion-view>